<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的相册</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/Myalbum.css">
</head>
<body>
<div id="warp" class="warpper">
    <div class="top" id="top">
        <span class="posi-re">中国联通
            <i class="posi-ab">4G</i>
            <i class="icon iconfont icon-xinhao"></i>
        </span>
        <time class="top-time">00:00</time>
        <span>100%<i class="icon iconfont">&#xe697;</i></span>
    </div>
    <div class="sign-link">
        <a href="" class="link-item">退出</a>
        <a href="#" class="retrieve">我的相册</a>
        <a href="#" class="link-item"></a>
    </div>

    <div class="name">
      <div class="name-1">
          <img src="images/1%20(36).jpg" alt="">
          <div class="name-2">
              <p>理想闻风走</p>
              <span>努力不一定成功，但放弃一定失败</span>
          </div>
      </div>
        <div class="Visitor">
            <p>今日访客0</p>
            <p>被挡访客407</p>
            <p>访客总量1000</p>
        </div>
    </div>
    <div class="Album">
        <div class="Album-1">
            <a href="">+ 创建相册</a>
            <a href="">+ 添加照片</a>
        </div>
        <div class="img">
            <div class="img-1">
                <img src="images/l-2.jpg" alt="">
                <div class="new">
                    <p>雪山之旅</p>
                    <span>新</span>
                </div>
            </div>
            <div class="img-1">
                <img src="images/l-3.jpg" alt="">
                <div class="new">
                    <p>美好的度假时光</p>
                    <span>新</span>
                </div>
            </div>
            <div class="img-1">
                <img src="images/l-4.jpg" alt="">
                <div class="new">
                    <p>迷人海岛</p>
                    <span>新</span>
                </div>
            </div>
            <div class="img-1">
                <img src="images/l-1.jpg" alt="">
                <div class="new">
                    <p>埃菲尔铁塔</p>
                    <span>新</span>
                </div>
            </div>
        </div>

    </div>

</div>

<script src="js/script.js"></script>
</body>
</html>